<template>
  <!-- <confirm-dialog
    :disabled="!isMemberSelected"
    :items="selected"
    title="分配标注条数"
    message="请输入需要分配的标注数量"
    item-key="username"
    @ok="handleRemoveMember()"
  /> -->
  <div class="dis">
    <!-- <dia-log-mem :items="selected"></dia-log-mem> -->
    <dia-log-many :items="selected"></dia-log-many>
  </div>
</template>

<script>
import { mapState, mapGetters, mapActions } from 'vuex'
// import ConfirmDialog from '@/components/organisms/utils/ConfirmDialog'
// import DiaLogMem from '@/components/organisms/layout/DiaLogMem'
import DiaLogMany from '@/components/organisms/layout/DiaLogMany'

export default {
  components: {
    // ConfirmDialog,
    // DiaLogMem,
    DiaLogMany
  },

  computed: {
    ...mapState('members', ['selected']),
    ...mapGetters('members', ['isMemberSelected'])
  },

  methods: {
    ...mapActions('members', ['removeMember']),

    handleRemoveMember() {
      const projectId = this.$route.params.id
      this.removeMember(projectId)
    }
  },
  updated() {
    console.log(this.selected)
  }
}
</script>
<style scoped>
.dis {
  position: absolute;
  right: 0%;
  display: flex;
  width: 30%;
}
</style>
